<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>购物车—按钮组件</title>
<link rel="stylesheet" type="text/css" href="/gmpro/1.0.0/cart/1.0.0/css/common.css" />
<link rel="stylesheet" type="text/css" href="/gmpro/1.0.0/cart/1.0.0/css/i/sprite.css" />
<link rel="stylesheet" type="text/css" href="/gmlib/reset/1.1.0/reset.css" />  
<link rel="stylesheet" type="text/css" href="btns.css"/>
</head>

<body>
<!--按钮-1-->
<br />
<br />
<h2>按钮01</h2>
<div class="lay01 clearfix">
  <ul class="lay01_up clearfix">
    <li class="cur bgcolor">
    	<label class="lb_check"><span class="c-i radio_chose"></span><input type = "radio" class = "btn_radio_chose" /></label> 
    </li>
    <li>
    	<label class="lb_check checktime" for=""><span class = "c-i radio"></span><input type = "radio" class = "btn_radio mr5" / ></label>
    </li>
  </ul>
  <div class="lay01_down">
    <div class="prettyprint">
        <span class="tag">&lt;label</span>
        <span class="atn">class</span>
        <span class="pun">=</span>
        <span class="atv">"lb_check"&gt;</span>
        <span class="tag">&lt;span</span>
        <span class="atn">class</span>
        <span class="pun">=</span>
        <span class="atv">"c-i radio_chose"&gt;</span>
        
        <span class="tag">&lt;/span&gt;</span>
        <span class="tag">&lt;input</span>
        <span class="pln"> </span>
        <span class="atn">type</span>
        <span class="pun">=</span>
        <span class="atv">"radio"</span>
        <span class="pln"> </span>
        <span class="atn">class</span>
        <span class="pun">=</span>
        <span class="atv">"btn_radio_chose"</span>
        <span class="tag">/</span>
        <span class="tag">&gt;</span>
        
        <span class="tag">&lt;/label&gt;</span>
   	</div>
  </div>
  <div class="lay01_down">
     <xmp class="prettyprint">
         <label class="lb_check checktime" for=""><span class = "c-i radio"></span><input type = "radio" class = "btn_radio mr5" / ></label>
    </xmp>	
  </div>
</div>
<div style="clear:both;"></div>
<!--按钮-2-->
<br />
<br />
<h2>按钮02</h2>
<div class="lay02 clearfix">
	<div class="lay02_up">
    	<div class="btn_Square_out">
        	<a href="#" class="btn_Square wd bd pr"><span class="name">某某某</span>&nbsp;&nbsp;<span class="area">北京</span><i class="chose_icon pabs c-i chose_icon"></i></a>
        </div>
    </div>
	<div class="lay02_down">
        <xmp class="prettyprint">
            <div class="btn_Square_out">
                <a href="#" class="btn_Square wd bd pr"><span class="name">某某某</span>&nbsp;&nbsp;<span class="area">北京</span><i class="chose_icon pabs c-i chose_icon"></i></a>
            </div>
        </xmp>	
    </div>
</div>

<!--按钮-3-->
<h2>按钮03</h2>

<div class="lay03 clearfix">
	<div class="lay03_up">
    	<label class="checkbox_out"><span class="c-i checkbox_chose"><input  type="checkbox" class="checkbox"/></span></label>	
        <label class="checkbox_out"><span class="c-i checkboxs"><input  type="checkbox" class="checkbox"/></span></label>
    </div>
    <div class="lay03_down">
    	<xmp class="prettyprint">
        	<label class="checkbox_out"><span class="c-i checkbox_chose"><input  type="checkbox" class="checkbox"/></span></label>
            <label class="checkbox_out"><span class="c-i checkboxs"><input  type="checkbox" class="checkbox"/></span></label>
        </xmp>		
    </div>
</div>


<!--按钮-4-->
<h2>按钮04</h2>
<div class="lay04 clearfix">
	<div class="lay04_up">
    	<label class="open_out"><span class="open c-i open"></span></label>	
        <label class="close_out"><span class="close c-i close"></span></label>
    </div>
    <div class="lay04_down">
    	<xmp class="prettyprint">
            <label class="open_out"><span class="open c-i open"></span></label>	
            <label class="close_out"><span class="close c-i close"></span></label>
        </xmp>		
    </div>
</div>


<!--按钮-5-->
<h2>按钮05</h2>
<div class="lay05 clearfix">
	<div class="lay05_up">
        <div class="calendar_out pr">
            <input  type="text" class="calendar_text c_wd c_bd "/>
            <i class="c-i calender_icon c_icon pabs"></i>
        </div>
    </div>
    <div class="lay05_down">
    	<xmp class="prettyprint">
            <div class="calendar_out pr">
                <input  type="text" class="calendar_text c_wd c_bd "/>
                <i class="c-i calender_icon c_icon pabs"></i>
            </div>
        </xmp>		
    </div>
</div>

<!--按钮-6-->
<h2>按钮06</h2>
<div class="lay06 clearfix">
	<div class="lay06_up">
        <a href="###" class="sub_btn s_wd s_color show text-center">提交订单</a>
    </div>
    <div class="lay06_down">
    	<xmp class="prettyprint">
        	<a href="###" class="sub_btn s_wd s_color show text-center">提交订单</a>
        </xmp>		
    </div>
</div>
</body>
</html>
